﻿
@{
    Layout = null;
}

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <style type="text/css">
        body {
            background-size: 100% 100%;
            font-weight: bold;
            font-family: 苹方;
            overflow: hidden;
            background: linear-gradient(-45deg, #17213e, #000000, #006970, #007c5f);
            background-size: 400% 400%;
            animation: gradientBG 15s ease infinite;
        }

        @@keyframes gradientBG {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        .main {
            width: 1080px;
            height: 640px;
            position: relative;
            margin: auto;
          /*  border: 5px solid grey;*/
        }

        div {
            border: 0px solid white;
            margin: 1px;
        }

        .layer {
            position: relative;
            width: 100%;
        }

        #layer01 {
        }

            #layer01 img {
                text-align: center;
                display: block;
                height: 35px;
                padding-top: 35px;
                margin: auto;
            }

        #layer02 > div {
            height: 100%;
            float: left;
            position: relative;
        }

        .layer02-data {
            position: absolute;
            width: auto;
            height: 100px;
            color: white;
            top: 45px;
            left: 65px;
        }

        .layer03-panel {
            height: 100%;
            position: relative;
            float: left;
        }

        .layer03-left-label {
            position: absolute;
        }

        #layer03_left_label01 {
            top: 10px;
            left: 10px;
            color: white;
            height: 20px;
            width: 200px;
            font-weight: bold;
        }

        #layer03_left_label02 {
            right: 10px;
            top: 10px;
            color: #036769;
            height: 20px;
            width: 200px;
        }

        .layer03-left-chart {
            position: relative;
            float: left;
            height: 100%;
        }

        #layer03_right_label {
            position: absolute;
            top: 10px;
            left: 10px;
            color: white;
            height: 20px;
            width: 100px;
        }

        .layer03-right-chart {
            position: relative;
            float: left;
            height: 100%;
            width: 32%;
        }

        .layer03-right-chart-label {
            color: white;
            text-align: center;
            position: absolute;
            bottom: 60px;
            width: 100%;
        }

        .layer04-panel {
            position: relative;
            float: left;
            height: 100%;
            width: 48%;
        }

        .layer04-panel-label {
            width: 100%;
            height: 15%;
            color: white;
            padding-top: 5px;
        }

        .layer04-panel-chart {
            width: 100%;
            height: 85%;
        }

        .chart_div {
            width: 100%;
            height: 30%;
        }
    </style>
    <script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.min.js"></script>
    <script src="~/Assets/Scripts/base/angular.js"></script>
    <script type="text/javascript" src="~/Assets/DashBoard/js/jquery.min.js"></script>
    <script src="~/Assets/Scripts/libs/bootstrap.min.js"></script>
    <script src="~/Assets/Scripts/pg/Emergency.js"></script>
    <title>AGV</title>
</head>
<body ng-app="Emergency">
    <div class="main" ng-controller="EmergencyController" ng-init="GetVoltage();GetElectricCurrent();GetPower();">
        <div class="chart_div" id="chart_v"></div>
        <div class="chart_div" id="chart_A"></div>
        <div class="chart_div" id="chart_P"></div>
    </div>
</body>
</html>
